<template>
    <div class="LadBody">
        <div class="LadLeft">
            <div class="title">
                AMD
            </div>

            <div>
                <el-button
                        type="info"
                        class="dataListBtn"
                        :class='!isChoose?"chooseBtn":""'
                        @click="dataListChoose"
                >数据列表</el-button>
            </div>
            <div>
                <el-button
                        type="info"
                        class="dataWatchBtn"
                        :class='isChoose?"chooseBtn":""'
                        @click="dataWatchChoose"

                >数据看板</el-button>
            </div>
        </div>
        <div class="LadRight">导出记录</div>
    </div>
</template>

<script>
    export default {
        name: "ListDataAside",
        data(){
            return{
                style:{
                    color:"white",
                    backgroundColor:'blueviolet'
                },
                isChoose:false,
            }
        },
        methods:{
            dataWatchChoose(){
                this.isChoose = true
            },
            dataListChoose(){
                this.isChoose = false
            }
        }

    }
</script>

<style scoped>
    .LadBody{
        padding: 8px 0;
        width: 100%;
        background-color: white;
        display: flex;
    }
    .LadLeft{
        /*overflow: hidden;*/
        width: 70%;
        display: flex;
        align-items: center;
    }
    .LadRight{
        width: 30%;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
    }
    .LadLeft>div{
        color: blueviolet;
        margin-left: 30px;
    }
    .LadLeft>.title{
        margin-right: 10px;
    }
    .LadLeft button{
        font-size: 16px;
        border-radius: 8px;
        height: 38px;
        width: 130px!important;
        border: none;
        color: blueviolet;
        background-color: #ccc;
    }
    .chooseBtn{
        color:white!important;
        background-color:blueviolet!important;
    }
</style>